@charset "utf-8";
@import "pxvalue.less";
@import "font_common";
.fr {
    float: right;
     
}

.fl {
    float: left;
}

.mui-title{
    span{
        display: inline-block;
         line-height: 44px;
         height: 42px;
         margin:0 19px;
         font-size: @p34;
         border-bottom: 2px solid transparent; 
    }
    .top_abv_active{
        color: #1c83fc;
        
        border-bottom: 2px solid #1c83fc;
    }
}
.right_icon{
    width:24px;
    height: 24px;
    margin-top: 8px;
    img{
        width: 100%;
        width: 100%;
    }
}
.collect_list{
    padding:0 @p30;
    .collect_item{
        width: 100%;
        height: @p240;
        margin-top: @p28;
        .del_icon{
            transition: 0.3s;
            height: @p240;
            float: left;
            width: 0;
            i{  
                display: block;
                width: @p42;
                height: @p42;
                background-image: url('../../images/collect_06.png');
                background-size: 100% 100%;
                margin-top: @p99;
            }
            .del_active{
                background-image: url('../../images/collect_03.png');

            }
        }
        .del_icon_show{
            width: @p70;
        }
        .img{
            width: @p240;
            height: @p240;
            margin-right: @p30;
            background-color: #ccc;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .info{
            transition: 0.3s;
            position: relative;
            width: @p400;
            float: left;
            height: @p240;
            .title{
                font-size: @p28;
                
                line-height: @p50;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            .content_title{
                -webkit-line-clamp: 1;
            }
            
            .content_des{
                font-size: @p24;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            .bottom_info{
                position: absolute;
                bottom: 0;
                left: 0;
                height: @p46;
                width: 100%;
                .add_car_btn{
                    font-size: @p24;
                    color: #a4a4a4;
                    border: 1px solid #a4a4a4;
                    float: right;
                    border-radius: 5px;
                    padding:0 @p8;
                }
               
                .content_date{
                    font-size: @p24;
                    color: #a4a4a4;
                    line-height: @p50;
                    float: right;
                }

                .content_num{
                    float: left;
                    line-height: @p50;
                    font-size: @p26;
                    color: #888888;
                }
            }
        }
       
    }
    .delecting{
        
        .info{
            width: @p330;
        }
    }
}

.bottom{
    background-color: #f6f6f6;
    position: fixed;
    padding: 0 @p30;
    bottom: 0;
    left: 0;
    width: 100%;
    height: @p76;
    line-height: @p76;
    font-size: @p24;
    span{
        float: left;
        width: @p100;
    }
    .btn_del{
        margin-top: @p17;
        height: @p42;
        font-size: @p24;
        line-height: @p42;
        padding: 0 @p20;
        border: none;
        float: right;
        background: linear-gradient(to right,#1cb5fc,#1c83fc);
        color: #ffffff;

        
    }
}
.slide-fade-enter-active {
    transition: all .3s ease;
  }
  .slide-fade-leave-active {
    transition: all .3s ease;
  }
  .slide-fade-enter, .slide-fade-leave-to
  /* .slide-fade-leave-active for below version 2.1.8 */ {
    transform: translateY(10px);
    opacity: 0;
  }
 
